.usermain { width: 1000px; margin:20px auto; position: relative; overflow: hidden;}
.main-left { width: 198px; border: 1px solid #e3e2e2;float:left; border-top: 3px solid #825DC7;}
/*导航*/
.main-left dl dt{ cursor:pointer;height:41px;line-height:41px;position:relative;padding-left:48px;font-size:18px;background:url(../images/u_dt_bg.jpg) repeat-x left top;}
.main-left dl dt strong{font-weight:normal;color:#4e4e4e;background:url(../images/u_dt_bg2.gif) no-repeat 120px bottom;display:block;}
.main-left dl dt img{position:absolute;top:9px;left:20px;}
.main-left dl dd{ display:inline-block;padding:10px 0;}
.main-left dl dd a{ color:#333;height:28px;line-height:28px;position:relative;margin-left:-1px;text-indent:54px;font-size:14px;display:block;}
.main-left dl dd .change,.main-left dl dd a:hover{width:199px;background:url(../images/u_menu_bg.gif) no-repeat left top;text-decoration:none; margin-right:1px;color:#825dc7;}
.main-left dl dt .change strong{ background-position: 120px top;}
.main-left dl dd em{ font-size:12px;color:#825dc7;font-weight:normal;}

.main-right { margin-left: 210px;}
.main-right .row { border: 1px solid #e3e2e2; margin-bottom: 10px; position: relative; }
.main-right .row .title { margin: 10px 0 10px 15px; font-size: 14px; color: #825dc7; line-height: 20px; }
.main-right .row .title i { margin-right: 6px; vertical-align: middle; }

/**user-home**/
.information { min-height: 178px; padding: 10px 0 12px 166px; }
.information .user-photo { position: absolute; top: 10px; left: 18px; width: 130px; text-align: center; }
.information .user-photo img { width: 130px; height: 130px; margin-bottom: 10px; }
.information .ratio p { margin: 22px 0; line-height: 20px; }
.information .ratio p em { color: #f08200; }
.information .ratio p span { display: inline-block;  *display: inline;
 *zoom: 1;
position: relative; vertical-align: middle; }
.information .ratio p a { margin-left: 15px; }
.information .ratio p a i { vertical-align: middle; margin-right: 5px; color: #825dc7; }
.information .ratio p a.unyanz { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(./graypic.svg#grayscale); filter: gray; }
.information .ratio .integrity span i { position: absolute; top: 0; left: 0; height: 15px; width: 80%; margin-left: 4px; background: url("../images/ratio-full.png") right center; }
.information .ratio .integrity span b { display: block; position: absolute; top: -24px; left: 80%; text-align: center; color: #fff; margin-left: -20px; }
.information .ratio .level span { margin: 0 10px; }
.information .ratio .level span i { position: absolute; top: 0; left: 0; width: 80%; }
.information .ratio .level a { color: #825dc7; }
.information .ratio .level a:hover { text-decoration: underline; }
.light { height: 148px; }
.light .list-wrap { width: 748px; overflow: hidden; margin: 40px auto 0 auto; position: relative; }
.light .list-wrap .btn { width: 32px; height: 50px; line-height: 50px; text-align: center; background: #fff; display: block; position: absolute; top: 0; cursor: pointer; font-family: Arail; z-index: 10; }
.light .list-wrap .btn span { display: block; width: 20px; background: #825dc7; color: #fff; }
.light .list-wrap .grey span { background: #e3e2e2; }
.light .list-wrap .prevbtn { left: 0; }
.light .list-wrap .nextbtn { right: 0; }
.light .list-wrap .nextbtn span { margin-left: 12px; }
.light .list-wrap .list { width: 1000%; margin-left: 32px; position: relative; font-size: 0; }
.light .list-wrap .list a { width: 36px; text-align: center; display: inline-block;  *display: inline;
 *zoom: 1;
cursor: pointer; }
.row3 { height: 247px; }
.row3 .order { width: 342px; float: left; overflow: hidden; margin-bottom: -1px; }
.row3 .order .list a { float: left; display: block; width: 170px; height: 83px; padding-top: 20px; text-align: center; border-right: 1px solid #e3e2e2; border-bottom: 1px solid #d3d2d2; }
.row3 .order .list a em { color: #ff0000; }
.row3 .order .list a i { display: block; cursor: pointer; margin: 15px auto 0 auto; }
.row3 .posts { float: left; width: 448px; margin-left: -1px; border-left: 1px solid #e3e2e2; }
.row3 .posts .title a { float: right; color: #666; margin-right: 14px; }
.row3 .posts .list { margin: 0 18px; overflow: hidden; }
.row3 .posts .list a { width: 100%; display: block; float: left; line-height: 20px; height: 20px; color: #333; overflow: hidden; margin: 14px 0 17px 0; }
.row4 .list { display: block; margin: 15px auto 25px auto; overflow: hidden; }
.row4 .list div { margin: 0 38px; float: left; text-align: center; }
.row4 .list div i { margin-bottom: 10px; }
.row4 .list div p { line-height: 20px; color: #333; }
.row4 .list div p span { color: #825dc7; }
/*page--order*/
.order-select { line-height: 61px; font-size: 14px; margin-left: 24px; }
.order-select select { font-size: 12px; color: #666; width: 138px; margin-left: 10px; border: 1px solid #e3e2e2; }
.order .list-title { background: #f1f1f1; border: 1px solid #e3e2e2; }
.order dt { padding: 0 8px; min-width: 68px; line-height: 44px; text-align: center; cursor: pointer; display: inline-block;  *display: inline;
 *zoom: 1;
}
.order dt.cur { background: #825dc7; color: #fff; }
.order dt em { color: #ff0000; }
.order dd { position: relative; height: 200px; margin-top: 10px; }
.order dd:hover{z-index: 10;}
.order dd.error { font-size: 18px; text-align: center; padding: 10px 0; line-height: 200px; color: #666; }
.order .left { width: 167px; position: absolute; top: 0; left: 0; }
.order .left p { padding-left: 46px; font-size: 16px; font-weight: bold; color: #825dc7; }
.order .left .date, .order .left .time { font-size: 14px; color: #666; line-height: 20px; font-weight: normal; }
.order .left .date { padding: 10px 0 10px 2px; font-weight: 600; }
.order .left .date span { color: #825dc7; padding-left: 10px; }
.order .left .price { margin: 26px 0 14px 0; }
.order .right { border: 1px solid #e3e2e2; margin-left: 180px; height: 181px; width: 465px; padding: 15px 130px 0 13px; position: relative; }
.order .right .countdown { position: absolute; top: 15px; right: 0; width: 130px; z-index: 99; text-align: center; }
.order .right .icon-order-line { position: absolute; top: 8px; left: -20px; }
.order .right .order-mes a, .order .right .order-mes p { margin-right: 28px; color: #666; line-height: 20px; position: relative; display: inline-block;  *display: inline;
 *zoom: 1;
}
.order-mes a.tracking, a.order-info { cursor: pointer; }
.order .right .order-mes a.tracking:hover, .order .right .order-mes a.order-info:hover { color: #825dc7; text-decoration: underline; }
.order .right .order-info span { display: none; position: absolute; background: #fff; padding: 10px 15px; min-width: 146px; max-width: 160px; color: #666; left: 0; border: 1px solid #e3e2e2; z-index: 99; }
.order .right .order-info:hover span { display: block; overflow: hidden;}
.order .right .order-mes em { font-family: Verdana; }
.order .right .order-img { width: 464px; height: 114px; }
.order .right .order-img li { float: left; width: 100px; height: 100px; cursor: pointer; position: relative; margin: 25px 16px 0 0; }
.order .right .order-img li img { width: 94px; height: 94px; padding: 2px; border: 1px solid #e3e2e2; }
.order .right .order-img li div { position: absolute; width: 190px; padding: 8px; display: none; line-height: 18px; color: #666; right: 0; top: 99px; background: #fff; border: 1px solid #e3e2e2; }
.order .right .order-img li p { margin-bottom: 8px; }
.order .right .order-img li span { color: #ff0000; font-family: Verdana; display: block; }
.order .right .order-img .see-more { display: block; height: 100px; border-left: 1px solid #e3e2e2; line-height: 100px; text-align: center; margin-right: 0; }
.order .right .order-img .see-more a { width: 68px; line-height: 28px; border: 1px solid #e3e2e2; text-align: center; display: inline-block;  *display: inline;
 *zoom: 1;
}
.order .right .order-img li.img1 div, .order .right .order-img li.img0 div { left: 0; }
.order .right .order-img li:hover { z-index: 10; }
.order .right .order-img li:hover div { display: block; }
.order .right .order-goods a { cursor: pointer; }
.order .right .order-goods img { width: 94px; height: 94px; }
.order .right .order-goods a.btn { display: none; height: 100px; border-left: 1px solid #e3e2e2; line-height: 100px; }
.order .right .order-goods a.btn span { display: inline-block;  *display: inline;
 *zoom: 1;
width: 68px; margin-left: 27px; line-height: 28px; border: 1px solid #e3e2e2; text-align: center; }
.order .right .order-goods a.btn-show { display: inline-block;  *display: inline;
 *zoom: 1;
}
.order .right .order-btn { position: absolute; top: 0; right: 0; width: 130px; height: 140px; background: #f1f1f1; border-left: 1px solid #e3e2e2; padding-top: 56px; }
.order .right .order-btn a { display: block; width: 68px; line-height: 28px; margin: 0 auto; color: #333; cursor: pointer; text-align: center; }
.order .right .order-btn a.one-btn { padding-top: 21px; }
.order .right .order-btn a.operate-btn { border: 1px solid #e3e2e2; background: #825dc7; color: #fff; }
/*--order-detail---*/
.order-detail h1 { font-size: 14px; font-weight: bold; line-height: 60px; padding-left: 20px; border-bottom: 2px solid #e3e2e2; }
.order-detail h2 { font-size: 14px; font-weight: bold; line-height: 54px; padding-left: 20px; }
.order-detail h2 span { margin-right: 15px; }
.order-detail p.wuliu-company { line-height: 40px; margin: -15px 0 10px 0; font-size: 12px; }
.order-detail .wuliu { padding: 15px 0 15px 20px; margin-bottom: 20px; border-bottom: 2px solid #e3e2e2; font-size: 0; }
.order-detail .wuliu dt { overflow: hidden; }
.order-detail .wuliu dd { background: #f1f1f1; height: 51px; }
.order-detail .wuliu div { font-size: 12px; color: #825dc7; height: 50px; float: left; line-height: 50px; padding-left: 30px; border-bottom: 1px solid #fff; position: relative; overflow: hidden; display: inline-block;  *display: inline;
 *zoom: 1;
}
.order-detail .wuliu .time { padding: 0 20px 0 0; height: 43px; width: 70px; background: #fff; text-align: right; }
.order-detail .wuliu dd .time { line-height: 18px; padding-top: 7px; font-weight: bold; }
.order-detail .wuliu dd .log{width: 200px;}
.order-detail .wuliu .log i { position: absolute; top: 0; left: 0; }
.order-detail .wuliu dl.open { max-height: 204px; overflow: hidden; }
.order-detail .wuliu dt div { color: #333; font-size: 14px; }
.order-detail .wuliu dd .mes { color: #666; width: 420px;}
.order-detail .wuliu a.more { background: #825dc7; color: #fff; text-align: center; display: block; width: 70px; height: 28px; line-height: 28px; font-size: 12px; margin-top: 20px; cursor: pointer; border: 1px solid #e3e2e2; }
.order-detail .receive-goods {width:100%;overflow:hidden;}
.order-detail .receive-goods ul{ width:804px;overflow:hidden;}
.order-detail .receive-goods .column { width: 164px; height: 126px; margin-right: 15px; float: left; padding: 26px 10px 14px 10px; background: #f1f1f1; border: 1px solid #e3e2e2; }
.order-detail .receive-goods .column .title { font-size: 14px; color: #333; margin-bottom: 15px; }
.order-detail .receive-goods .column p { line-height: 20px; color: #666; overflow: hidden; }
.order-detail .receive-goods .column span { float: left; width: 115px;}
.order-detail .receive-goods .column .key{width: 49px;}
.order-detail .receive-goods .column .btn a { width: 88px; float: left; display: block; line-height: 28px; border: 1px solid #e3e2e2; background: #fff; color: #666; text-align: center; margin-top: 11px; }
.order-detail .receive-goods .column .btn a:hover { background: #825dc7; color: #fff; }
.order-detail .goods-list { padding-bottom: 40px; border-bottom: 2px solid #e3e2e2; }
.order-detail .goods-list .title { font-size: 14px; font-weight: bold; margin: 37px 0 18px 24px; }
.order-detail .goods-list table { border: 1px solid #e3e2e2; width: 100%; text-align: center; color: #666; }
.order-detail .goods-list table th { height: 25px; line-height: 25px; padding: 11px 0; background: #f1f1f1; text-align: center; font-size: 12px; border-right: 1px solid #e3e2e2; }
.order-detail .goods-list table td { text-align: center; padding: 10px 0; line-height: 20px; }
.order-detail .goods-list table .name { padding: 0 10px; width: 310px;}
.order-detail .goods-list table .price,.order-detail .goods-list table .total{width: 128px;}
.order-detail .goods-list table .num{width: 98px;}
.order-detail .goods-list table .action{width: 103px;}
.order-detail .goods-list table td.action a { color: #825dc7; cursor: pointer; }
.order-detail .goods-list table td.action a:hover { text-decoration: underline; }
.order-detail .goods-list .goods-total { color: #825dc7; font-size: 14px; text-align: right; margin-top: 20px; padding-right: 3px; }
.order-detail .goods-list .total-price { font-size: 20px; font-weight: bold; }
/* --add-comments--*/
.comments-add .add-top { height: 180px; background: #f3f3f3; position: relative; }
.comments-add .add-top .mes { margin-left: 208px; }
.comments-add .add-top .mes h1 { font-size: 18px; padding: 10px 0 43px 0; }
.comments-add .add-top .mes p { color: #825dc7; font-size: 16px; font-weight: bold; }
.comments-add .add-top .mes div { color: #666; margin-top: 45px; line-height: 20px; }
.comments-add .add-top .mes div a { display: inline-block;  *display: inline;
 *zoom: 1;
margin-right: 5px; cursor: pointer; vertical-align: bottom; }
.comments-add .add-top .img { position: absolute; top: 0; left: 0; }
.comments-add .add-top .img img { display: block; width: 180px; height: 180px; }
.add-content { margin-top: 36px; }
.add-content .title { font-size: 14PX; line-height: 38px; margin-bottom: 26px; border-bottom: 2px solid #e3e2e2; }
.add-content .title span { display: inline-block;  *display: inline;
 *zoom: 1;
margin-bottom: -1px; padding-right: 14px; border-bottom: 3px solid #825dc7; }
.add-content .upload-photos { overflow: hidden; margin-bottom: 56px; }
.add-content .left { padding: 20px 31px 0 15px; height: 140px; width: 266px; line-height: 20px; color: #666; float: left; background: #f2edf5; }
.add-content .left p { overflow: hidden; }
.add-content .left .view-img { margin-bottom: 12px; }
.add-content .left .view-img a { width: 60px; height: 24px; background: #825dc7; position: relative; text-align: center; color: #fff; line-height: 24px; float: left; cursor: pointer; display: block; }
.add-content .left .view-img a input { display: block; width: 60px; height: 24px; background: #825dc7; border: 0px; opacity: 0;-moz-opacity:0; filter:alpha(opacity=0); position: absolute; top: 0; left: 0; cursor: pointer; }
.add-content .left .img-name { width: 125px; height: 22px; line-height: 22px; float: left; padding: 0 0 0 5px; display: block; background: #fff; border: 1px solid #e3e2e2; }
.add-content .left .upload-btn { background: #825dc7; color: #fff; text-align: center; line-height: 24px; width: 70px; margin-top: 20px; cursor: pointer; display: inline-block;  *display: inline;
 *zoom: 1;
}
.add-content .right { overflow: hidden; float: right; }
.add-content .right span { width: 150px; height: 150px; padding: 3px; margin-left: 10px; display: block; float: left; background: #f2edf5; border: 2px solid #e3e2e2; }
.add-content .right span.cur { cursor: pointer; }
.add-content .right span img { width: 150px; height: 150px; display: block; }
.add-content .write-content textarea { width: 773px; height: 182px; padding: 8px; color: #666; border: 1px solid #e3e2e2; }
.add-content .write-content p { line-height: 20px; color: #825dc7; display: none; }
.add-content .write-content a { display: block; width: 120px; height: 40px; font-size: 14px; line-height: 40px; cursor: pointer; text-align: center; margin: 42px 0 0 540px; background: #825dc7; color: #fff; }
.add-content .write-content a.grey { background: #ccc; cursor: default; }
/** task **/
.task h1 { background: #f1f1f1; border: 1px solid #e3e2e2; }
.task h1 span { width: 90px; line-height: 45px; display: inline-block;  *display: inline;
 *zoom: 1;
background: #825dc7; color: #fff; text-align: center; font-size: 14px; }
.task-list li { padding: 35px 216px 45px 45px; border: 1px solid #e3e2e2; margin-top: 14px; position: relative; }
.task-list li h2 { color: #825dc7; font-size: 18px; font-weight: 600; margin-bottom: 30px; }
.task-list li h2 span { color: #666; font-size: 12px; font-weight: normal; padding-left: 8px; }
.task-list li p { font-size: 14px; line-height: 20px; color: #666; }
.task-list li .do-btn { position: absolute; width: 190px; height: 100%; background: #f1f1f1; top: 0; right: 0; color: #666; text-align: center; border-left: 1px solid #e3e2e2; }
.task-list li .do-btn a.btn { display: block; width: 68px; height: 28px; line-height: 28px; text-align: center; margin: 54px auto 13px auto; background: #825dc7; color: #fff; border: 1px solid #e3e2e2; }
.task-list li .do-btn a.grey{background: #ccc;}
/** comment **/
.user_PersonalZL { width: 790px; }
.user_PersonalZL h3 { color: #825dc7; font-size: 16px; margin-bottom: 3px; position: relative; height: 30px; line-height: 30px; border-bottom: 2px solid #825dc7; }
/* comment */
.invite .wdplun { width: 790px; float: left; margin-top: 10px; }
.invite .wdplun .toux { float: left; margin: 20px 35px; width: 158px; display: inline; }
.invite .wdplun .pltj { float: left; width: 562px; padding: 20px 0px; }
.invite .wdplun .pltj li { float: left; width: 562px; height: 39px; line-height: 39px; margin: 7px 0px; }
.invite .wdplun .pltj li span { float: left; height: 39px; width: 28px; }
.invite .wdplun .pltj li span.bj1 { background: url(../images/go_wdpl.jpg) no-repeat left top; }
.invite .wdplun .pltj li span.bj2 { background: url(../images/go_wdpl.jpg) no-repeat left -81px; }
.invite .wdplun .pltj li .nr { height: 39px; float: left; background: url(../images/go_wdpl.jpg) repeat-x left -40px; }
.invite .jywd { width: 790px; float: left; }
.invite .jywd .wdjyBt { width: 798px; border: 1px solid #eee; float: left; border-bottom: 1px solid #a789b1; height: 27px; }
.invite .jywd .wdjyBt li { float: left; height: 27px; line-height: 27px; }
.invite .jywd .wdjyBt li a { padding: 0px 15px; float: left; }
.invite .jywd .wdjyBt li a.cur { background: #825dc7; color: #fff; font-weight: bold; }
.invite .jywd .wdjyBt li a.cur span { color: #fff; }
.invite .wdpl { width: 770px; background-color: #fff; padding: 0px 10px; }
.invite .wdpl .xdlb { width: 770px; float: left; margin-top: 15px; padding-bottom: 15px; position: relative; border-bottom: 1px dashed #ddd; }
.invite .wdpl .xdlb .jinhua { width: 148px; height: 88px; position: absolute; top: 20px; right: 20px; z-index: 900; background: url(../images/jinhua.gif) no-repeat; }
.invite .wdpl .xdlb_Bt { width: 770px; float: left; }
.invite .wdpl .xdlb_Bt .xdlb_Bt_lf { width: 470px; float: left; }
.invite .wdpl .xdlb_Bt_lf b { width: 470px; float: left; font-size: 16px; font-weight: normal; color: #555; margin-bottom: 15px; }
.invite .wdpl .xdlb_Bt_lf p { width: 470px; float: left; font-size: 12px; color: #888; margin-bottom: 3px; line-height: 20px; }
.invite .wdpl .xdlb_Bt_lf .kfhf { color: #825dc7; width: 470px; float: left; font-size: 14px; margin-bottom: 8px; line-height: 20px; }
.invite .wdpl .xdlb ul { width: 770px; float: left; }
.invite .wdpl ul li { margin-right: 10px; display: inline; border: 1px solid #ddd; width: 100px; height: 100px; overflow: hidden; float: left; }
.invite .wdpl .xdlb_Bt_lr { float: left; width: 300px; }
.invite .wdpl .xdlb_Bt_lr dd { width: 15px; height: 15px; float: left; cursor: default; background: url(../images/grzy13.jpg) -1px -1px; margin: 3px 2px; display: inline; }
.invite .wdpl .xdlb_Bt_lr dd.x3 { background: url(../images/grzy13.jpg) 20px -1px; }
.invite .wdpl .xdlb_Bt_lr dd.x2 { background: url(../images/grzy13.jpg) 40px -1px; }
.invite .wdpl .xdlb_Bt_lr dt { float: left; margin-left: 20px; display: inline; line-height: 22px; }
.invite .wdpl .xdlb_Bt_lr .xg { float: left; background: url(../images/u_fx.png) no-repeat; width: 68px; height: 21px; text-align: center; margin-left: 20px; display: inline; float: left; color: #fff; }
.invite .wdpl .xdlb_Bt_lr span { float: left; }
.invite .wdpl .xdlb_Bt_lr strong { float: left; }
.invite .wdpl .shij { width: 770px; float: left; margin-top: 10px; text-align: right; }
